This video explains the Prefs/Gtk4 port for GNOME Shell 40 Extensions.

# Textual Version

https://gjs.guide/extensions/upgrading/gnome-shell-40.html

We are offering our help to all extension developers for porting their extensions to GNOME Shell 40

Please join us on GNOME Matrix Channel if you have any question related to the extensions in GNOME Shell 40:

https://matrix.to/#/#extensions:gnome.org

https://discourse.gnome.org

# Special Thanks

Special Thanks to all great GNOME team members:

- Sriram Ramkrishna
- Andy Holmes
- Florian Müllner
- Georges Basile Stavracas Neto
- Evan Welsh

# Support

The port guide took tremendous amount of time to get ready for GNOME Shell extensions developers. All of your supports are greatly appreciated.

You can support my work by sending me some crypto:

- **Bitcoin** 1MdFyy7AGqf3vL7EtPJr5bfwpBNKctNzWL
- **Bitcoin Cash** qq4c94e9mh4gp5zzgxjknvvdfcmea73zycptwgl3zp
- **Ether** 0x170D57ed547c153B21A7BA8aaB9a8fb53C5EAD5f
- **DOGE** DD3pTCxg5BFW2b2er3jsKPprm2hC2Avd5C

Or support via [Patreon](https://www.patreon.com/justperfection).

# Timeline

00:00​ Intro
00:15 metadata.json
00:37 Version Checking
01:00​ Prefs / Template Class
01:31​ Prefs / Gtk.Builder
02:12​ Prefs / show_all, destroy()
02:30​ Prefs / Provide css File
03:01​ Prefs / Widgets Tree Navigation
03:10​ Prefs / Packing
03:29​ Prefs / margin-left, margin-right
03:44​ Prefs / shadow-type
04:02​ Prefs / Gtk.Scale and draw-value
04:15​ Prefs / Resize Prefs Window
04:33​ Prefs / Custom Icon Theme
04:58 Prefs / can-focus property
05:22 Prefs / Adding to the Containers
05:45 Prefs / Gtk.HeaderBar
06:25 Prefs / Gtk.FileChooserButton
06:49 Prefs / Menu and Sub Menu
07:28 Prefs / Gtk.PopoverMenu
07:53 Prefs / Icon Size
08:03 Prefs / Show and Hide Animation
08:21 Prefs / Gtk.Picture
08:36 Prefs / Gtk.MenuButton
08:58 Prefs / Gtk.EventControllerKey
09:27 Prefs / Gtk.RadioButton
09:45 Prefs / gtk4-builder-tool
10:09 Outro